<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 100px ;height: 100px;
            border: 1px solid red;
        }
        span{
            width: 100px;height: 100px;
            border: 1px solid blue;
            /* 如果有需求必须改动行内元素的宽高 则可以通过修改display的值

            */
            display:inline-block;
        }
        img{
            width: 100px;
            height: 100px;

            /*   隐藏图片  display:none ;*/
        }
    </style>
</head>
<body>
<img src="../a.jpg" alt="">
<img src="../a.jpg" alt="">
<img src="../a.jpg" alt="">

<div>div1</div>
<div>div2</div>
<div>div3</div>
<span>span1</span>
<span>span2</span>
<span>span3</span>
</body>
</html>